/********************* Map Container *********************************/
div#map {
	display: absolute;
	width:760px;
	height:400px;
	border:1px solid #D8D8D8;
	background-color: white;
	z-index:0;
	overflow: hidden;
}
div.content {
	position: relative;
	overflow: hidden;
	background-color: white;
}
/********************* Tile Containers *********************************/
div.tile {
	width:64px;
	position: absolute;
	height:64px;
	line-height:64px;
	
}
div.content div.tile:hover { 
	opacity:0.4; 
	-moz-opacity:0.4; 
	-webkit-opacity:0.4; 
	-khtml-opacity:0.4; 
}
/********************* Objects and lands *********************************/
.grass_0 { 
	background-image:url('../images/grass_and_water.png');
	background-position:0px 0px; 
}
.ground_0 {
	background-image:url('../images/plain2.png'); 
	background-position:0px 0px; 
}
.ground_user {
	background-image:url('../images/plain_user.png'); 
	background-position:0px 0px; 
}
.ground_otheruser {
	background-image:url('../images/plain_otheruser.png'); 
	background-position:0px 0px;
}
.tree_1 {
	background:transparent url('../images/tree_short.png') top left no-repeat; 
	background-size: 64px auto;
	position:relative;
	width: 64px;
	height: 100px;
	bottom: 54px;
	left: 2px;
}
.tree_2 {
	background:transparent url('../images/tree_tall.png') top left no-repeat; 
	background-size: 64px auto;
	position:relative;
	width: 64px;
	height: 100px;
	bottom: 54px;
	left: 2px;
}
.house_1 {
	background: url('../images/UI.png') no-repeat -428px -620px;
	width: 59px;
	height: 42px;
}
/********************* Characters *********************************/
#character {
	background-size: 64px auto;
	position:relative;
	width: 64px;
	height: 100px;
	top: 0px;
	left: 0px;
}
#char_image {
	background:transparent url('../images/char_princess.png') top left no-repeat; 
	background-size: 64px auto;
	position:absolute;
	width: 64px;
	height: 100px;
	top: 0px;
	left: 0px;
	z-index: 9998;
}
#character_other {
	background-size: 64px auto;
	position:relative;
	width: 64px;
	height: 100px;
	top: 0px;
	left: 0px;
}
.char_image {
	background:transparent url('../images/char_horngirl.png') top left no-repeat; 
	background-size: 64px auto;
	position:absolute;
	width: 64px;
	height: 100px;
	top: 0px;
	left: 0px;
	z-index: 9998;
}

/********************* Arrows *********************************/
#arrow_up_btn {
	visibility:hidden;
	width: 34px;
	height: 34px;
	display: block;
	position:absolute;	
	background: url('../images/arrow_up.png') top left no-repeat;
	z-index: 8888;
}

#arrow_down_btn {
	visibility:hidden;	
	width: 34px;
	height: 34px;
	display: block;
	position:absolute;	
	background: url('../images/arrow_down.png') top left no-repeat;
	z-index: 8888;
}

#arrow_left_btn {
	visibility:hidden;	
	width: 34px;
	height: 34px;
	display: block;
	position:absolute;	
	background: url('../images/arrow_left.png') top left no-repeat;
	z-index: 8888;
}

#arrow_right_btn {
	visibility:hidden;	
	width: 34px;
	height: 34px;
	display: block;
	position:absolute;	
	background: url('../images/arrow_right.png') top left no-repeat;
	z-index: 8888;
}

#land_up_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/select.png') top left no-repeat;
	background-size: 64px auto;
	z-index: 7777;
}

#land_down_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/select.png') top left no-repeat;
	background-size: 64px auto;
	z-index: 7777;
}

#land_left_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/select.png') top left no-repeat;
	background-size: 64px auto;
	z-index: 7777;
}

#land_right_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/select.png') top left no-repeat;
	background-size: 64px auto;
	z-index: 7777;
}
/********************* Bubbles *********************************/
#bubble_yes_btn {
	visibility:hidden;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_green.png') top left no-repeat; 
	background-size: 64px auto;
	/* background-color: #ACFA58; */
	z-index: 9999;
	text-decoration: none;
	color: #04B404;
	padding: 20px;
	border-radius: 25px 25px 0px 25px;
}
#bubble_no_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_red.png') top left no-repeat;
	background-size: 64px auto;
	/* background-color: #F5A9A9; */
	z-index: 9999;
	text-decoration: none;
	padding: 20px 10px;
	color: #B40404;
	border-radius: 20px 20px 20px 0px;
}

#bubble_upgrade_btn {
	visibility:hidden;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_green.png') top left no-repeat; 
	background-size: 64px auto;
	/* background-color: #ACFA58; */
	z-index: 9999;
	text-decoration: none;
	color: #04B404;
	padding: 20px;
	border-radius: 25px 25px 0px 25px;
}
#bubble_noupgrade_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_red.png') top left no-repeat;
	background-size: 64px auto;
	/* background-color: #F5A9A9; */
	z-index: 9999;
	text-decoration: none;
	padding: 20px 10px;
	color: #B40404;
	border-radius: 20px 20px 20px 0px;
}

#bubble_pay_btn {
	visibility:hidden;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_green.png') top left no-repeat; 
	background-size: 64px auto;
	/* background-color: #ACFA58; */
	z-index: 9999;
	text-decoration: none;
	color: #04B404;
	padding: 20px;
	border-radius: 25px 25px 0px 25px;
}
#bubble_nopay_btn {
	visibility:hidden;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;	
	background: url('../images/bubble_red.png') top left no-repeat;
	background-size: 64px auto;
	/* background-color: #F5A9A9; */
	z-index: 9999;
	text-decoration: none;
	padding: 20px 10px;
	color: #B40404;
	border-radius: 20px 20px 20px 0px;
}